@import './base.css';

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}



#app {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

 .container {
  width: 100%;
  height: 100%;
  border: 1px solid #df1515;
}

.header {
  width: 100%;
  height: 10%;
  border: 1px solid;
  padding: 0 ! important;
  background-color: black !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .el-menu{
  width: 32%;
  background-color: black !important;
  --el-menu-horizontal-height:100%;
  --el-menu-base-level-padding:2px;
  --el-menu-border-color:rgb(236, 223, 223);
  --el-menu-hover-bg-color:rgb(92, 91, 91);
}

.showbar {
margin-right: 0;
position: relative;
    display: inline-flex;
}
.showbar img {
  display: block; /* 防止图片下方的间隙 */
    width: 100%; /* 或者指定具体宽度 */
    height: auto; /* 保持图片的原始比例 */
}
.showCont{
    transform: translate(-400%, 14%);
    color: rgb(8, 8, 8); /* 文字颜色 */
}
.middle {
  display: flex;
  width: 100%;
  height: 60%;
  border: 1px solid;
}
.leftSide{
height: 100%;
width: 20%;
background-color: rgb(136, 136, 110);
}
.el-tree{
height: 100%;
}
.rightSide{
height: 100%;
width: 80%;
}

.bottom{
  width: 100%;
  height: 30%;
  border: 1px solid;
  background-color: #201f1f;
}
.bottom  .el-table {
  --el-table-header-bg-color:rgb(54, 51, 51) !important;;
  --el-table-current-row-bg-color:rgb(54, 51, 51)!important;
  --el-table-tr-bg-color:rgb(54, 51, 51) !important;
  --el-table-bg-color:rgb(54, 51, 51) !important;
  --el-table-row-hover-bg-color:rgb(54,51,51) !important;
  --el-table-current-row-bg-color:rgb(54,51,51) !important;
  color: #f50606 ;
  --el-fill-color-lighter:rgb(54,51,51) !important;
  --el-table-border-color:rgb(54,51,51) !important;
}

.drag{
  -webkit-app-region:drag
}





